<template>
  <layout>
    <a-descriptions
      title="补贴项目与政策信息表"
      bordered
      :column="4"
    >
      <a-descriptions-item
        :span="4"
        label="补贴项目编号"
      >
        {{currentProject.task_id}}
      </a-descriptions-item>
      <a-descriptions-item
        :span="4"
        label="补贴项目名称"
      >
        {{currentProject.task_nam}}
      </a-descriptions-item>
      <a-descriptions-item
        :span="4"
        label="实施范围"
      >
        {{currentProject.area_info.s_a_nam}}
      </a-descriptions-item>
      <a-descriptions-item
        :span="4"
        label="政策依据"
      >

      </a-descriptions-item>
      <a-descriptions-item
        label="补贴标准"
        :span="4"
      >

      </a-descriptions-item>
    </a-descriptions>
  </layout>
</template>

<script lang="ts">
import { Mixins, Component, Watch, Vue } from 'vue-property-decorator'
import { State, Mutation, Getter, namespace } from 'vuex-class'

import { TableLayout } from '@/layouts'
import { userModule } from '@/store/modules/user'

@Component({
  components: {
    Layout: TableLayout
  }
})
export default class AdminList extends Vue {
  get currentProject() {
    return userModule.currentProject
  }
}
</script>

<style scoped>
.action-button {
  margin: 0px 10px 0px 10px;
}
.form-item-class {
  margin-bottom: 0px;
}
.img-box {
  width: 100px;
  height: 100px;
  margin: 10px;
}
.item-blue {
  color: #1989fa;
}
</style>
